<!DOCTYPE html>
<html>
<head>
    <meta name="layout" content="main"/>
    <g:set var="entityName" value="${message(code: 'estate.label', default: 'estate')}"/>
    <title>银监预警</title>
    <asset:stylesheet src="newMap/gisMap.css"/>
    <style>
        .selectContentTop{
            margin-top: 17px;
            position: absolute;
            left: 50%;
            margin-left: -300px;
        }
        .selectContent1{
            width: 100px;
            float: left;
            padding: 10px 0;
            padding-left: 12px;
            cursor: pointer;
            color: #679B43;
        }
        .selectContent1 a{
            color: #679B43!important;
        }
        .selectContent1:hover{
            background: #F3F7EF;
        }
    </style>
</head>

<body class="fixed-navbar fixed-sidebar">
%{--头部--}%
<div id="bankHeader">
    <div class="bankHeaderLeft pull-left">
        <asset:image src="banking7.png" style="display: block; float: left;width: 38px;"/>
        <div class="logoFont">押品预警系统</div>
        <div style="position: absolute;top: 60px;left: 26px;font-weight: bold;">广东</div>
        <div class="province">
            <asset:image src="banking9.png" style="display: block;float: left;"/>
            <div class="">广东 <span style="position: relative;top: 5px;left: 3px">ˇ</span></div>
        </div>
    </div>

    <div class="selectContentTop">
        <div class="selectContent1">
            <asset:image src="banking25.png" class="tabImage"/>
            <div class="tabFont1"><g:link controller="newMap" action="gisMap">地图</g:link></div>
        </div>
        <div class="selectContent1">
            <asset:image src="banking21.png" class="tabImage"/>
            <div class="tabFont1"><g:link controller="bankingRegulatory" action="index">图表</g:link></div>
        </div>
        <div class="selectContent1">
            <asset:image src="banking27.png" class="tabImage"/>
            <div class="tabFont1"><g:link controller="bankingRegulatory" action="monitor">监测</g:link></div>
        </div>
        <div class="selectContent1">
            <asset:image src="banking23.png" class="tabImage"/>
            <div class="tabFont1"><g:link controller="bankingRegulatory" action="riskWarning">预警</g:link></div>
        </div>
        <div class="selectContent1">
            <asset:image src="banking26.png" class="tabImage"/>
            <div class="tabFont1"><g:link controller="bankingRegulatory" action="report">报告</g:link></div>
        </div>
        %{--<div class="selectContent">--}%
        %{--<asset:image src="banking22.png" class="tabImage"/>--}%
        %{--<div class="tabFont1"><g:link controller="bankingRegulatory" action="developer">开发商</g:link></div>--}%
        %{--</div>--}%
        <div class="selectContent1">
            <asset:image src="banking28.png" class="tabImage"/>
            <div class="tabFont1">用户</div>
        </div>
        <div class="selectContent1">
            <asset:image src="banking24.png" class="tabImage"/>
            <div class="tabFont1">机构</div>
        </div>
    </div>
    <div class="bankHeaderRight pull-right">
        <div class="userInfo">
            <span style="position: relative;top: 4px;">
                <i class="pe-7s-clock"></i>&nbsp;&nbsp;2018-10-18 09:32:55 <span style="margin: 0 15px;">管理员</span>
            </span>
            <div class="quit">退出</div>
        </div>
    </div>
</div>
<div class="small-header">
    <div class="hpanel">
        <div class="panel-body">
            <div id="hbreadcrumb" class="pull-right navFloatRight">
                <ol class="hbreadcrumb breadcrumb">
                    <li>CINDATA PLS</li>
                    <li class="active">
                        <span>银监预警</span>
                    </li>
                </ol>
            </div>

            <h2 class="font-light m-b-xs">
                银监预警
            </h2>
        </div>
    </div>
</div>

<div class="content animate-panel">

    <div class="row">
        <div class="hpanel hblue">
            <div class="panel-heading">
                <div class="panel-tools">
                    <button class="btn btn-primary btn-xs" id="searchData" type="submit"><i
                            class="fa fa-search"></i>查询</button>
                    <button class="btn btn-warning2 btn-xs" type="button" id="resetBtn">
                        <i class="fa fa-times"></i>重置</button>
                </div>
                查询
            </div>
            <div class="panel-body seach-group" id="">
                <g:form method="POST" action="stressAnalyze" class="form-horizontal" role="form" id="form">
                    <div class="row">
                        <div class="form-group col-sm-3">
                            <label class="col-sm-3 control-label">银行</label>
                            <div class="col-sm-9 input-group" style="display: flex;justify-content: center">
                                <g:select class="form-control" name="city" id="bank" from="${com.cindata.Account.findAllByProvince(com.cindata.Province.findByName("广东省"), [sort: 'name', order: 'asc'])}"
                                          valueMessagePrefix="status" optionKey="id" optionValue="name"
                                          value="${params?.city}" noSelection="${['': '请选择银行']}"/>
                            </div>
                        </div>
                    </div>
                </g:form>
                <g:form method="POST" action="stressAnalyze" class="form-horizontal" role="form" id="form">
                    <div class="row">
                        <div class="form-group col-sm-12">
                            <label for="city" class="col-sm-1 control-label" style="margin-left: -2.4%;">城市</label>
                            <div class="col-sm-11" style="padding-top: 8px;">
                                %{--<input type="checkbox" value="" name="" class="allCheckbox i-checks">  全选--}%
                                <input type="radio" value="广州市" name="citySelect" class="everyCheckbox i-checks" checked>  广州市
                                <input type="radio" value="珠海市" name="citySelect" class="everyCheckbox i-checks">  珠海市
                                <input type="radio" value="汕头市" name="citySelect" class="everyCheckbox i-checks">  汕头市
                                <input type="radio" value="佛山市" name="citySelect" class="everyCheckbox i-checks">  佛山市
                                <input type="radio" value="韶关市" name="citySelect" class="everyCheckbox i-checks">  韶关市
                                <input type="radio" value="湛江市" name="citySelect" class="everyCheckbox i-checks">  湛江市
                                <input type="radio" value="肇庆市" name="citySelect" class="everyCheckbox i-checks">  肇庆市
                                <input type="radio" value="江门市" name="citySelect" class="everyCheckbox i-checks">  江门市
                                <input type="radio" value="茂名市" name="citySelect" class="everyCheckbox i-checks">  茂名市
                                <input type="radio" value="惠州市" name="citySelect" class="everyCheckbox i-checks">  惠州市
                                <input type="radio" value="云浮市" name="citySelect" class="everyCheckbox i-checks">  云浮市
                                <input type="radio" value="揭阳市" name="citySelect" class="everyCheckbox i-checks">  揭阳市
                                <input type="radio" value="潮州市" name="citySelect" class="everyCheckbox i-checks">  潮州市
                                <input type="radio" value="梅州市" name="citySelect" class="everyCheckbox i-checks">  梅州市
                                <input type="radio" value="汕尾市" name="citySelect" class="everyCheckbox i-checks">  汕尾市
                                <input type="radio" value="河源市" name="citySelect" class="everyCheckbox i-checks">  河源市
                                <input type="radio" value="阳江市" name="citySelect" class="everyCheckbox i-checks">  阳江市
                                <input type="radio" value="清远市" name="citySelect" class="everyCheckbox i-checks">  清远市
                                <input type="radio" value="东莞市" name="citySelect" class="everyCheckbox i-checks">  东莞市
                                <input type="radio" value="中山市" name="citySelect" class="everyCheckbox i-checks">  中山市
                            </div>
                        </div>
                    </div>
                </g:form>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-6" style="padding-left: 0;">
            <div class="hpanel hgreen">
                <div class="panel-heading">
                    <div class="panel-tools">
                        <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                    </div>
                    押品分析
                </div>

                <div class="panel-body">
                    <div class="row">
                        <div id="prodNumber_1" style="width: 100%;height: 340px;"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-6" style="padding-right: 0;">
            <div class="hpanel hgreen">
                <div class="panel-heading">
                    <div class="panel-tools">
                        <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                    </div>
                    押品分析
                </div>

                <div class="panel-body">
                    <div class="row">
                        <div id="prodNumber_2" style="width: 100%;height: 340px;"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="hpanel hgreen">
            <div class="panel-heading">
                <div class="panel-tools">
                    <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                </div>
                抵押率监测
            </div>

            <div class="panel-body">
                <div class="row">
                    <div id="prodNumber1" style="width: 100%;height: 340px;"></div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-6" style="padding-left: 0;">
            <div class="hpanel hgreen">
                <div class="panel-heading">
                    <div class="panel-tools">
                        <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                    </div>
                    住宅价格及价差
                </div>

                <div class="panel-body">
                    <div class="row">
                        <div id="myChart5" style="width: 100%;height: 340px;"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-6" style="padding-right: 0;">
            <div class="hpanel hgreen">
                <div class="panel-heading">
                    <div class="panel-tools">
                        <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                    </div>
                    商业用房价格及租金指标
                </div>

                <div class="panel-body">
                    <div class="row">
                        <div id="myChart6" style="width: 100%;height: 340px;"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="hpanel hgreen">
            <div class="panel-heading">
                <div class="panel-tools">
                    <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                </div>
                商业用房监测
            </div>

            <div class="panel-body">

                <div class="row">
                    <div id="prodNumber4" style="width: 100%;height: 340px;"></div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="hpanel hgreen">
            <div class="panel-heading">
                <div class="panel-tools">
                    <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                </div>
                经营性物业贷款比例监测
            </div>

            <div class="panel-body">
                <div class="row">
                    <div id="main_13" style="width: 100%;height: 340px;"></div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="hpanel hgreen">
            <div class="panel-heading">
                <div class="panel-tools">
                    <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                </div>
                偿债收入比
            </div>

            <div class="panel-body">
                <div class="col-md-8">
                    <div id="main_6" style="width: 100%;height: 340px;"></div>
                </div>
                <div class="col-md-4">
                    <div id="main_7" style="width: 100%;height: 340px;"></div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="hpanel hgreen">
            <div class="panel-heading">
                <div class="panel-tools">
                    <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                </div>
                开发商监测
            </div>

            <div class="panel-body">
                <div class="col-md-8">
                    <div id="main_8" style="width: 100%;height: 400px;"></div>
                </div>
                <div class="col-md-4">
                    <div id="main_9" style="width: 100%;height: 200px;"></div>
                    <div id="main_10" style="width: 100%;height: 200px;"></div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="hpanel hgreen">
            <div class="panel-heading">
                <div class="panel-tools">
                    <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                </div>
                舆情数据
            </div>

            <div class="panel-body">
                <div class="col-md-12" style="position: relative">
                    <div id="main_11" style="width: 100%;height: 400px;"></div>
                    <div style="position: absolute;right: 20px;top: 0;">
                        <div style="margin-top: 100px;">2018年1月1日，开发商<span class="text-success">碧桂园</span>资金链断链，贷款逾期5次。</div>
                        <div style="margin-top: 30px;">2018年1月1日，开发商<span class="text-success">万达</span>发生民事诉讼，被索赔200万。</div>
                        <div style="margin-top: 30px;">2018年1月1日，开发商<span class="text-success">光大新天地</span>股市跌停。</div>
                        <div style="margin-top: 30px;">2018年1月2日，开发商<span class="text-success">碧桂园</span>于借贷平台借款1000万元。</div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <asset:javascript src="echarts/echarts-all-3.js"/>

    %{--住宅押品分布--}%
    <asset:javascript src="main/bankingLoanAmountPerMonth_1.js"/>
    %{--商品住房押品分布--}%
    <asset:javascript src="main/bankingLoanAmountPerMonth_2.js"/>
    %{--抵押率监测--}%
    <asset:javascript src="main/bankingLoanAmountPerMonth1.js"/>
    %{--住宅价格及价差--}%
    <asset:javascript src="main/bankingLoanAmountPerMonth2.js"/>
    %{--商业用房价格及租金指标 --}%
    <asset:javascript src="main/bankingLoanAmountPerMonth3.js"/>
    %{--商业用房监测--}%
    <asset:javascript src="main/bankingLoanAmountPerMonth4.js"/>
    %{--经营性物业贷款比例监测--}%
    <asset:javascript src="main/bankingLoanAmountPerMonth5.js"/>
    %{--偿债收入比--}%
    <asset:javascript src="main/bankingLoanAmountPerMonth6.js"/>
    %{--开发商监测--}%
    <asset:javascript src="main/bankingLoanAmountPerMonth7.js"/>
    %{--舆情数据--}%
    <asset:javascript src="main/bankingLoanAmountPerMonth8.js"/>
</body>
</html>
